
.at-tag {
  height: 22px;
  line-height: 20px;
  font-size: 12px;
  border-radius: 2px;
  box-sizing: border-box;
 
  display:inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
}
.at-tag--blue{
  background-color: #FFFFFF;
  border:1px #1F92EF solid;
  color:#1F92EF;
}
.at-tag--green{
  background-color: #FFFFFF;
  border: 1px #52CB7B solid;
  color:#52CB7B;
}
.at-tag--yellow{
  background-color: #FFFFFF;
  border: 1px #ffd140 solid;
  color: #ffd140;
}
.at-tag--dark-yellow{
  background-color: #FFFFFF;
  border: 1px #FE9901 solid;
  color:#FE9901;
}
.at-tag--red{
  background-color: #FFFFFF;
  border: 1px #FA624B solid;
  color:#FA624B;
}
.at-tag--dark-red{
  background-color: #FFFFFF;
  border:1px #FD4E55 solid;
  color:#FD4E55;
}
.at-tag--blue-b{
  background-color: #1F92EF;
  color:#FFFFFF;
}
.at-tag--green-b{
  background-color: #52CB7B;
  color:#FFFFFF;
}
.at-tag--yellow-b{
  background-color: #FFD140;
  color: #FFFFFF;
}
.at-tag--dark-yellow-b{
  background-color: #FE9901;
  color:#FFFFFF;
}
.at-tag--red-b{
  background-color: #FA624B;
  color:#FFFFFF;
}
.at-tag--dark-red-b{
  background-color: #FD4E55;
  color:#FFFFFF;
}
.at-tag--yellow-c{
  background-color: #FFFFFF;
  border:1px #F4DB31 solid;
  color:#F4DB31;
  width:50px;
  padding:0px;

}
.at-tag--orange-c{
  background-color: #FFFFFF;
  border: 1px #FFC833 solid;
  color:#FFC833;
  width:50px;
  padding:0px;
}
.at-tag--dark-orange-c{
  background-color: #FFFFFF;
  border: 1px #FF9933 solid;
  color: #FF9933;
  width:50px;
  padding:0px;
  padding:0px;
}
.at-tag--red-c{
  background-color: #FFFFFF;
  border: 1px #FF6633 solid;
  color:#FF6633;
  width:50px;
  padding:0px;
}
.at-tag--dark-red-c{
  background-color: #FFFFFF;
  border: 1px #FF3333 solid;
  color:#FF3333;
  width:50px;
  padding:0px;
}
.at-tag--dark-orange-d{
  background-color: #FF6633;
  color:#FFFFFF;
  width:30px;
  height:16px;
  padding:0px;
  line-height:15px;
}
.at-tag--red-d{
  background-color: #FF3333;
  color:#FFFFFF;
  width:30px;
  height:16px;
  padding:0px;
  line-height:15px;
}
.at-tag--yellow-d{
  background-color: #FFC833;
  color: #FFFFFF;
  width:30px;
  height:16px;
  padding:0px;
  line-height:15px;
}
.at-tag--blue-d{
  background-color: #1F92EF;
  color:#FFFFFF;
  width:30px;
  height:16px;
  padding:0px;
  line-height:15px;
}
.at-tag--orange-d{
  background-color: #FF9933;
  color:#FFFFFF;
  width:30px;
  height:16px;
  padding:0px;
  
  line-height:15px;
}
.at-tag--red-e{
  background-color: #FF3333;
  color:#FFFFFF;
  width:30px;
  height:16px;
  border-radius: 8px;
  padding:none;
  padding:0px;
  line-height:15px;
}
.at-tag .at-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 6px;
  -ms-transform: scale(.75, .75);
  transform: scale(.75, .75);
  height: 6px;
  width: 6px;
  line-height: 6px;
  vertical-align: middle;
  top: -1px;
  right: -1px
}

.at-zoom-in-center-enter-active, .at-zoom-in-center-leave-active {
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}
.at-zoom-in-center-enter, .at-zoom-in-center-leave-active {
  opacity: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}